<template>
  <div id="recruitTable">
    <el-radio-group v-model="status">
      <el-radio-button :label="1">岗位聘用情况</el-radio-button>
      <el-radio-button :label="2">日志</el-radio-button>
    </el-radio-group>
    <el-button v-if="!canEdit" icon="el-icon-download" type="primary" style="float:right">导出</el-button>
    <el-dialog title="详情" :visible.sync="editFormVisible3" width="98%" top="20px">
      <table cellspacing="0" cellpadding="0" class="mytable">
        <tr>
          <th style="width:130px; vertical-align: middle;">操作用户</th>
          <td style="vertical-align: middle;">
            {{editForm3.operateUser}}
          </td>
          <th style="width:130px; vertical-align: middle;">操作时间</th>
          <td style="vertical-align: middle;">
            {{editForm3.operateTime}}
          </td>
          <th style="width:130px; vertical-align: middle;">操作类型</th>
          <td style="vertical-align: middle;">
            <span v-if="editForm3.operateType===1">新增</span>
            <span v-else-if="editForm3.operateType===2">修改</span>
            <span v-else-if="editForm3.operateType===3">删除</span>
          </td>
        </tr>
        <tr>
          <th style="width:130px; vertical-align: middle;text-align:center;width:20%"></th>
          <th style="width:130px; vertical-align: middle;text-align:center;width:40%" colspan="3">操作前</th>
          <th style="width:130px; vertical-align: middle;text-align:center;width:40%" colspan="2">操作后</th>
        </tr>
        <tr>
          <th>批复文号</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).docNum">{{JSON.parse(editForm3.beforeContent).docNum}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).docNum">{{JSON.parse(editForm3.afterContent).docNum}}</div></td>
        </tr>
        <tr>
          <th>管理岗位三级聘用人数</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).managePerson3">{{JSON.parse(editForm3.beforeContent).managePerson3}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).managePerson3">{{JSON.parse(editForm3.afterContent).managePerson3}}</div></td>
        </tr>
        <tr>
          <th>管理岗位四级聘用人数</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).managePerson4">{{JSON.parse(editForm3.beforeContent).managePerson4}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).managePerson4">{{JSON.parse(editForm3.afterContent).managePerson4}}</div></td>
        </tr>
        <tr>
          <th>管理岗位五级聘用人数</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).managePerson5">{{JSON.parse(editForm3.beforeContent).managePerson5}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).managePerson5">{{JSON.parse(editForm3.afterContent).managePerson5}}</div></td>
        </tr>
        <tr>
          <th>管理岗位六级聘用人数</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).managePerson6">{{JSON.parse(editForm3.beforeContent).managePerson6}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).managePerson6">{{JSON.parse(editForm3.afterContent).managePerson6}}</div></td>
        </tr>
        <tr>
          <th>管理岗位七级聘用人数</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).managePerson7">{{JSON.parse(editForm3.beforeContent).managePerson7}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).managePerson7">{{JSON.parse(editForm3.afterContent).managePerson7}}</div></td>
        </tr>
        <tr>
          <th>管理岗位八级聘用人数</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).managePerson8">{{JSON.parse(editForm3.beforeContent).managePerson8}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).managePerson8">{{JSON.parse(editForm3.afterContent).managePerson8}}</div></td>
        </tr>
        <tr>
          <th>管理岗位九级聘用人数</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).managePerson9">{{JSON.parse(editForm3.beforeContent).managePerson9}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).managePerson9">{{JSON.parse(editForm3.afterContent).managePerson9}}</div></td>
        </tr>
        <tr>
          <th>管理岗位十级聘用人数</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).managePerson10">{{JSON.parse(editForm3.beforeContent).managePerson10}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).managePerson10">{{JSON.parse(editForm3.afterContent).managePerson10}}</div></td>
        </tr>
        <tr>
          <th>专业技术岗位一级聘用人数</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).techPerson1">{{JSON.parse(editForm3.beforeContent).techPerson1}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).techPerson1">{{JSON.parse(editForm3.afterContent).techPerson1}}</div></td>
        </tr>
        <tr>
          <th>专业技术岗位二级聘用人数</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).techPerson2">{{JSON.parse(editForm3.beforeContent).techPerson2}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).techPerson2">{{JSON.parse(editForm3.afterContent).techPerson2}}</div></td>
        </tr>
        <tr>
          <th>专业技术岗位三级聘用人数</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).techPerson3">{{JSON.parse(editForm3.beforeContent).techPerson3}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).techPerson3">{{JSON.parse(editForm3.afterContent).techPerson3}}</div></td>
        </tr>
        <tr>
          <th>专业技术岗位四级聘用人数</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).techPerson4">{{JSON.parse(editForm3.beforeContent).techPerson4}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).techPerson4">{{JSON.parse(editForm3.afterContent).techPerson4}}</div></td>
        </tr>
        <tr>
          <th>专业技术岗位五级聘用人数</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).techPerson5">{{JSON.parse(editForm3.beforeContent).techPerson5}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).techPerson5">{{JSON.parse(editForm3.afterContent).techPerson5}}</div></td>
        </tr>
        <tr>
          <th>专业技术岗位六级聘用人数</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).techPerson6">{{JSON.parse(editForm3.beforeContent).techPerson6}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).techPerson6">{{JSON.parse(editForm3.afterContent).techPerson6}}</div></td>
        </tr>
        <tr>
          <th>专业技术岗位七级聘用人数</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).techPerson7">{{JSON.parse(editForm3.beforeContent).techPerson7}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).techPerson7">{{JSON.parse(editForm3.afterContent).techPerson7}}</div></td>
        </tr>
        <tr>
          <th>专业技术岗位八级聘用人数</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).techPerson8">{{JSON.parse(editForm3.beforeContent).techPerson8}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).techPerson8">{{JSON.parse(editForm3.afterContent).techPerson8}}</div></td>
        </tr>
        <tr>
          <th>专业技术岗位九级聘用人数</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).techPerson9">{{JSON.parse(editForm3.beforeContent).techPerson9}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).techPerson9">{{JSON.parse(editForm3.afterContent).techPerson9}}</div></td>
        </tr>
        <tr>
          <th>专业技术岗位十级聘用人数</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).techPerson10">{{JSON.parse(editForm3.beforeContent).techPerson10}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).techPerson10">{{JSON.parse(editForm3.afterContent).techPerson10}}</div></td>
        </tr>
        <tr>
          <th>专业技术岗位十一级聘用人数</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).techPerson11">{{JSON.parse(editForm3.beforeContent).techPerson11}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).techPerson11">{{JSON.parse(editForm3.afterContent).techPerson11}}</div></td>
        </tr>
        <tr>
          <th>专业技术岗位十二级聘用人数</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).techPerson12">{{JSON.parse(editForm3.beforeContent).techPerson12}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).techPerson12">{{JSON.parse(editForm3.afterContent).techPerson12}}</div></td>
        </tr>
        <tr>
          <th>专业技术岗位十三级聘用人数</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).techPerson13">{{JSON.parse(editForm3.beforeContent).techPerson13}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).techPerson13">{{JSON.parse(editForm3.afterContent).techPerson13}}</div></td>
        </tr>
        <tr>
          <th>工勤技能岗位技术工一级聘用人数</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).workPerson1">{{JSON.parse(editForm3.beforeContent).workPerson1}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).workPerson1">{{JSON.parse(editForm3.afterContent).workPerson1}}</div></td>
        </tr>
        <tr>
          <th>工勤技能岗位技术工二级聘用人数</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).workPerson2">{{JSON.parse(editForm3.beforeContent).workPerson2}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).workPerson2">{{JSON.parse(editForm3.afterContent).workPerson2}}</div></td>
        </tr>
        <tr>
          <th>工勤技能岗位技术工三级聘用人数</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).workPerson3">{{JSON.parse(editForm3.beforeContent).workPerson3}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).workPerson3">{{JSON.parse(editForm3.afterContent).workPerson3}}</div></td>
        </tr>
        <tr>
          <th>工勤技能岗位技术工四级聘用人数</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).workPerson4">{{JSON.parse(editForm3.beforeContent).workPerson4}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).workPerson4">{{JSON.parse(editForm3.afterContent).workPerson4}}</div></td>
        </tr>
        <tr>
          <th>工勤技能岗位技术工五级聘用人数</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).workPerson5">{{JSON.parse(editForm3.beforeContent).workPerson5}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).workPerson5">{{JSON.parse(editForm3.afterContent).workPerson5}}</div></td>
        </tr>
        <tr>
          <th>工勤技能岗位普通工聘用人数</th>
          <td colspan="3" style="text-align:center"><div v-if="editForm3.beforeContent&&JSON.parse(editForm3.beforeContent).workPerson0">{{JSON.parse(editForm3.beforeContent).workPerson0}}</div></td>
          <td colspan="2" style="text-align:center"><div v-if="editForm3.afterContent&&JSON.parse(editForm3.afterContent).workPerson0">{{JSON.parse(editForm3.afterContent).workPerson0}}</div></td>
        </tr>
      </table>
    </el-dialog>
    <div v-show="status===1">
      <h1 style="text-align:center">岗位聘用情况表</h1>
      <el-dialog :title="dialogTitle" :visible.sync="editFormVisible" width="98%" top="20px">
        <el-form :model="editForm" label-width="200px" ref="editForm" :inline="true" style="padding:10px 0 0;clear:both" :rules="editFormRules">
          <table cellspacing="0" cellpadding="0" class="mytable">
            <tr>
              <th colspan="2" style="width:120px; vertical-align: middle;">单位名称</th>
              <td colspan="9" style="vertical-align: middle;">
                {{unitName}}
              </td>
              <th style="width:120px; vertical-align: middle;">单位类型</th>
              <td style="vertical-align: middle;" colspan="3">
                <span v-if="editForm.tableType===1">科研院所</span>
                <span v-else-if="editForm.tableType===2">派出机构</span>
                <span v-else-if="editForm.tableType===3">其他直属事业单位</span>
              </td>
            </tr>
            <tr>
              <th rowspan="3" style="vertical-align: middle; text-align:center">管理岗位</th>
              <th style="vertical-align: middle; text-align:center">等级</th>
              <th style="vertical-align: middle; text-align:center" colspan="2">三级</th>
              <th style="vertical-align: middle; text-align:center" colspan="2">四级</th>
              <th style="vertical-align: middle; text-align:center" colspan="2">五级</th>
              <th style="vertical-align: middle; text-align:center" colspan="2">六级</th>
              <th style="vertical-align: middle; text-align:center" colspan="1">七级</th>
              <th style="vertical-align: middle; text-align:center" colspan="1">八级</th>
              <th style="vertical-align: middle; text-align:center" colspan="2">九级</th>
              <th style="vertical-align: middle; text-align:center" colspan="2">十级</th>
            </tr>
            <tr>
              <th style="vertical-align: middle; text-align:center">计划下达数</th>
              <td colspan="2" style="vertical-align: middle; text-align:center">{{editForm.managePost3}}</td>
              <td colspan="2" style="vertical-align: middle; text-align:center">{{editForm.managePost4}}</td>
              <td colspan="2" style="vertical-align: middle; text-align:center">{{editForm.managePost5}}</td>
              <td colspan="2" style="vertical-align: middle; text-align:center">{{editForm.managePost6}}</td>
              <td colspan="1" style="vertical-align: middle; text-align:center">{{editForm.managePost7}}</td>
              <td colspan="1" style="vertical-align: middle; text-align:center">{{editForm.managePost8}}</td>
              <td colspan="2" style="vertical-align: middle; text-align:center">{{editForm.managePost9}}</td>
              <td colspan="2" style="vertical-align: middle; text-align:center">{{editForm.managePost10}}</td>
            </tr>
            <tr>
              <th style="vertical-align: middle; text-align:center">聘用人数</th>
              <td colspan="2" style="vertical-align: middle; text-align:center">
                <el-form-item prop="managePerson3" v-if="editFlag">
                  <el-input-number v-model="editForm.managePerson3" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.managePerson3}}</span>
              </td>
              <td colspan="2" style="vertical-align: middle; text-align:center">
                <el-form-item prop="managePerson4" v-if="editFlag">
                  <el-input-number v-model="editForm.managePerson4" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.managePerson4}}</span>
              </td>
              <td colspan="2" style="vertical-align: middle; text-align:center">
                <el-form-item prop="managePerson5" v-if="editFlag">
                  <el-input-number v-model="editForm.managePerson5" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.managePerson5}}</span>
              </td>
              <td colspan="2" style="vertical-align: middle; text-align:center">
                <el-form-item prop="managePerson6" v-if="editFlag">
                  <el-input-number v-model="editForm.managePerson6" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.managePerson6}}</span>
              </td>
              <td colspan="1" style="vertical-align: middle; text-align:center">
                <el-form-item prop="managePerson7" v-if="editFlag">
                  <el-input-number v-model="editForm.managePerson7" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.managePerson7}}</span>
              </td>
              <td colspan="1" style="vertical-align: middle; text-align:center">
                <el-form-item prop="managePerson8" v-if="editFlag">
                  <el-input-number v-model="editForm.managePerson8" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.managePerson8}}</span>
              </td>
              <td colspan="2" style="vertical-align: middle; text-align:center">
                <el-form-item prop="managePerson9" v-if="editFlag">
                  <el-input-number v-model="editForm.managePerson9" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.managePerson9}}</span>
              </td>
              <td colspan="2" style="vertical-align: middle; text-align:center">
                <el-form-item prop="managePerson10" v-if="editFlag">
                  <el-input-number v-model="editForm.managePerson10" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.managePerson10}}</span>
              </td>
            </tr>
            <tr>
              <th style="vertical-align: middle; text-align:center" rowspan="5">专业技术岗位</th>
              <th style="vertical-align: middle; text-align:center">等级</th>
              <th style="vertical-align: middle; text-align:center" colspan="1">一级</th>
              <th style="vertical-align: middle; text-align:center" colspan="1">二级</th>
              <th style="vertical-align: middle; text-align:center" colspan="1">三级</th>
              <th style="vertical-align: middle; text-align:center" colspan="1">四级</th>
              <th style="vertical-align: middle; text-align:center" colspan="1">五级</th>
              <th style="vertical-align: middle; text-align:center" colspan="1">六级</th>
              <th style="vertical-align: middle; text-align:center" colspan="1">七级</th>
              <th style="vertical-align: middle; text-align:center" colspan="1">八级</th>
              <th style="vertical-align: middle; text-align:center" colspan="1">九级</th>
              <th style="vertical-align: middle; text-align:center" colspan="1">十级</th>
              <th style="vertical-align: middle; text-align:center" colspan="1">十一级</th>
              <th style="vertical-align: middle; text-align:center" colspan="1">十二级</th>
              <th style="vertical-align: middle; text-align:center" colspan="1">十三级</th>
            </tr>
            <tr>
              <th style="vertical-align: middle; text-align:center">基础指标岗位数量</th>
              <td style="vertical-align: middle; text-align:center">{{editForm.techPost1}}</td>
              <td style="vertical-align: middle; text-align:center">{{editForm.techPost2}}</td>
              <td style="vertical-align: middle; text-align:center">{{editForm.techPost3}}</td>
              <td style="vertical-align: middle; text-align:center">{{editForm.techPost4}}</td>
              <td style="vertical-align: middle; text-align:center">{{editForm.techPost5}}</td>
              <td style="vertical-align: middle; text-align:center">{{editForm.techPost6}}</td>
              <td style="vertical-align: middle; text-align:center">{{editForm.techPost7}}</td>
              <td v-if="editForm.tableType===1" colspan="3" style="vertical-align: middle;text-align:center">{{editForm.techPost8}}</td>
              <td v-if="editForm.tableType!==1" style="vertical-align: middle; text-align:center">{{editForm.techPost8}}</td>
              <td v-if="editForm.tableType!==1" style="vertical-align: middle; text-align:center">{{editForm.techPost9}}</td>
              <td v-if="editForm.tableType!==1" style="vertical-align: middle; text-align:center">{{editForm.techPost10}}</td>
              <td v-if="editForm.tableType===3" colspan="3" style="vertical-align: middle;text-align:center">{{editForm.techPost11}}</td>
              <td v-if="editForm.tableType!==3" style="vertical-align: middle; text-align:center">{{editForm.techPost11}}</td>
              <td v-if="editForm.tableType!==3" style="vertical-align: middle; text-align:center">{{editForm.techPost12}}</td>
              <td v-if="editForm.tableType!==3" style="vertical-align: middle; text-align:center">{{editForm.techPost13}}</td>
            </tr>
            <tr>
              <th style="vertical-align: middle; text-align:center">科技人才奖励指标岗位数量</th>
              <td style="vertical-align: middle; text-align:center"></td>
              <td style="vertical-align: middle; text-align:center"></td>
              <td style="vertical-align: middle; text-align:center"></td>
              <td style="vertical-align: middle; text-align:center"></td>
              <td style="vertical-align: middle; text-align:center"></td>
              <td style="vertical-align: middle; text-align:center"></td>
              <td style="vertical-align: middle; text-align:center"></td>
              <td v-if="editForm.tableType===1" colspan="3" style="vertical-align: middle;text-align:center"></td>
              <td v-if="editForm.tableType!==1" style="vertical-align: middle; text-align:center"></td>
              <td v-if="editForm.tableType!==1" style="vertical-align: middle; text-align:center"></td>
              <td v-if="editForm.tableType!==1" style="vertical-align: middle; text-align:center"></td>
              <td v-if="editForm.tableType===3" colspan="3" style="vertical-align: middle;text-align:center"></td>
              <td v-if="editForm.tableType!==3" style="vertical-align: middle; text-align:center"></td>
              <td v-if="editForm.tableType!==3" style="vertical-align: middle; text-align:center"></td>
              <td v-if="editForm.tableType!==3" style="vertical-align: middle; text-align:center"></td>
            </tr>
            <tr>
              <th style="vertical-align: middle; text-align:center">科技成果奖励指标岗位数量</th>
              <td style="vertical-align: middle; text-align:center"></td>
              <td style="vertical-align: middle; text-align:center"></td>
              <td style="vertical-align: middle; text-align:center"></td>
              <td style="vertical-align: middle; text-align:center"></td>
              <td style="vertical-align: middle; text-align:center"></td>
              <td style="vertical-align: middle; text-align:center"></td>
              <td style="vertical-align: middle; text-align:center"></td>
              <td v-if="editForm.tableType===1" colspan="3" style="vertical-align: middle;text-align:center"></td>
              <td v-if="editForm.tableType!==1" style="vertical-align: middle; text-align:center"></td>
              <td v-if="editForm.tableType!==1" style="vertical-align: middle; text-align:center"></td>
              <td v-if="editForm.tableType!==1" style="vertical-align: middle; text-align:center"></td>
              <td v-if="editForm.tableType===3" colspan="3" style="vertical-align: middle;text-align:center"></td>
              <td v-if="editForm.tableType!==3" style="vertical-align: middle; text-align:center"></td>
              <td v-if="editForm.tableType!==3" style="vertical-align: middle; text-align:center"></td>
              <td v-if="editForm.tableType!==3" style="vertical-align: middle; text-align:center"></td>
            </tr>
            <tr>
              <th style="vertical-align: middle; text-align:center">聘用人数</th>
              <td colspan="1" style="text-align:center">
                <el-form-item prop="techPerson1" v-if="editFlag">
                  <el-input-number v-model="editForm.techPerson1" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.techPerson1}}</span>
              </td>
              <td colspan="1" style="text-align:center">
                <el-form-item prop="techPerson2" v-if="editFlag">
                  <el-input-number v-model="editForm.techPerson2" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.techPerson2}}</span>
              </td>
              <td colspan="1" style="text-align:center">
                <el-form-item prop="techPerson3" v-if="editFlag">
                  <el-input-number v-model="editForm.techPerson3" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.techPerson3}}</span>
              </td>
              <td colspan="1" style="text-align:center">
                <el-form-item prop="techPerson4" v-if="editFlag">
                  <el-input-number v-model="editForm.techPerson4" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.techPerson4}}</span>
              </td>
              <td colspan="1" style="text-align:center">
                <el-form-item prop="techPerson5" v-if="editFlag">
                  <el-input-number v-model="editForm.techPerson5" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.techPerson5}}</span>
              </td>
              <td colspan="1" style="text-align:center">
                <el-form-item prop="techPerson6" v-if="editFlag">
                  <el-input-number v-model="editForm.techPerson6" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.techPerson6}}</span>
              </td>
              <td colspan="1" style="text-align:center">
                <el-form-item prop="techPerson7" v-if="editFlag">
                  <el-input-number v-model="editForm.techPerson7" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.techPerson7}}</span>
              </td>
              <td colspan="3" style="text-align:center" v-if="editForm.tableType===1">
                <el-form-item prop="techPerson8" v-if="editFlag">
                  <el-input-number v-model="editForm.techPerson8" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.techPerson8}}</span>
              </td>
              <td colspan="1" style="text-align:center" v-if="editForm.tableType!==1">
                <el-form-item prop="techPerson8" v-if="editFlag">
                  <el-input-number v-model="editForm.techPerson8" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.techPerson8}}</span>
              </td>
              <td colspan="1" style="text-align:center" v-if="editForm.tableType!==1">
                <el-form-item prop="techPerson9" v-if="editFlag">
                  <el-input-number v-model="editForm.techPerson9" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.techPerson9}}</span>
              </td>
              <td colspan="1" style="text-align:center" v-if="editForm.tableType!==1">
                <el-form-item prop="techPerson10" v-if="editFlag">
                  <el-input-number v-model="editForm.techPerson10" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.techPerson10}}</span>
              </td>
              <td colspan="3" style="text-align:center" v-if="editForm.tableType===3">
                <el-form-item prop="techPerson11" v-if="editFlag">
                  <el-input-number v-model="editForm.techPerson11" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.techPerson11}}</span>
              </td>
              <td colspan="1" style="text-align:center" v-if="editForm.tableType!==3">
                <el-form-item prop="techPerson11" v-if="editFlag">
                  <el-input-number v-model="editForm.techPerson11" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.techPerson11}}</span>
              </td>
              <td colspan="1" style="text-align:center" v-if="editForm.tableType!==3">
                <el-form-item prop="techPerson12" v-if="editFlag">
                  <el-input-number v-model="editForm.techPerson12" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.techPerson12}}</span>
              </td>
              <td colspan="1" style="text-align:center" v-if="editForm.tableType!==3">
                <el-form-item prop="techPerson13" v-if="editFlag">
                  <el-input-number v-model="editForm.techPerson13" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.techPerson13}}</span>
              </td>
            </tr>
            <tr>
              <th style="vertical-align: middle; text-align:center" rowspan="4">工勤技能岗位</th>
              <th style="vertical-align: middle; text-align:center" rowspan="2">等级</th>
              <th style="vertical-align: middle; text-align:center" colspan="10">技术工</th>
              <th style="vertical-align: middle; text-align:center" rowspan="2" colspan="3">普通工</th>
            </tr>
            <tr>
              <th style="vertical-align: middle; text-align:center" colspan="2">一级</th>
              <th style="vertical-align: middle; text-align:center" colspan="2">二级</th>
              <th style="vertical-align: middle; text-align:center" colspan="2">三级</th>
              <th style="vertical-align: middle; text-align:center" colspan="2">四级</th>
              <th style="vertical-align: middle; text-align:center" colspan="2">五级</th>
            </tr>
            <tr>
              <th style="vertical-align: middle; text-align:center">计划下达数</th>
              <td style="vertical-align: middle; text-align:center" colspan="2">{{editForm.workPost1}}</td>
              <td style="vertical-align: middle; text-align:center" colspan="2">{{editForm.workPost2}}</td>
              <td style="vertical-align: middle; text-align:center" colspan="2">{{editForm.workPost3}}</td>
              <td style="vertical-align: middle; text-align:center" colspan="2">{{editForm.workPost4}}</td>
              <td style="vertical-align: middle; text-align:center" colspan="2">{{editForm.workPost5}}</td>
              <td style="vertical-align: middle; text-align:center" colspan="3">{{editForm.workPost0}}</td>
            </tr>
            <tr>
              <th style="vertical-align: middle; text-align:center">聘用人数</th>
              <td style="vertical-align: middle; text-align:center" colspan="2">
                <el-form-item prop="workPerson1" v-if="editFlag">
                  <el-input-number v-model="editForm.workPerson1" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.workPerson1}}</span>
              </td>
              <td style="vertical-align: middle; text-align:center" colspan="2">
                <el-form-item prop="workPerson2" v-if="editFlag">
                  <el-input-number v-model="editForm.workPerson2" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.workPerson2}}</span>
              </td>
              <td style="vertical-align: middle; text-align:center" colspan="2">
                <el-form-item prop="workPerson3" v-if="editFlag">
                  <el-input-number v-model="editForm.workPerson3" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.workPerson3}}</span>
              </td>
              <td style="vertical-align: middle; text-align:center" colspan="2">
                <el-form-item prop="workPerson4" v-if="editFlag">
                  <el-input-number v-model="editForm.workPerson4" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.workPerson4}}</span>
              </td>
              <td style="vertical-align: middle; text-align:center" colspan="2">
                <el-form-item prop="workPerson5" v-if="editFlag">
                  <el-input-number v-model="editForm.workPerson5" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.workPerson5}}</span>
              </td>
              <td style="vertical-align: middle; text-align:center" colspan="3">
                <el-form-item prop="workPerson0" v-if="editFlag">
                  <el-input-number v-model="editForm.workPerson0" style="width:90px" :min="0" controls-position="right" />
                </el-form-item>
                <span v-else>{{editForm.workPerson0}}</span>
              </td>
            </tr>
            <tr>
              <th colspan="2" style="vertical-align: middle; text-align:center">备注</th>
              <td colspan="13" style="vertical-align: middle;">
                <el-form-item prop="usageRemarks" v-if="editFlag">
                  <el-input v-model="editForm.usageRemarks" style="width:1000px" :maxlength="500"/>
                </el-form-item>
                <span v-else>{{editForm.usageRemarks}}</span>
              </td>
            </tr>
          </table>
          <el-button type="primary" @click.native="editFormSubmit" :loading="saveloading" v-if="editFlag">提交</el-button>
        </el-form>
      </el-dialog>
      <el-table :data="list1" highlight-current-row v-loading="listLoading" style="width: 100%;margin-bottom: 20px;">
        <el-table-column prop="docDate" label="批复时间" width="150" align="center">
        </el-table-column>
        <el-table-column prop="docNum" label="批复文号" width="250" align="center">
        </el-table-column>
        <el-table-column prop="pdf" min-width="320" label="PDF附件" header-align="center">
          <template slot-scope="scope">
            <div v-for="item in scope.row.files" :key="'file_'+item.id"><a href="javascript:void(0)" @click="download(item.id)"><i class="el-icon-paperclip" /> {{ item.fileName }}.{{ item.fileType }}</a></div>
          </template>
        </el-table-column>
        <el-table-column label="管理岗位" align="center">
          <el-table-column width="100" label="计划下达数" align="center">
            <template slot-scope="scope">
              {{scope.row.managePost3+scope.row.managePost4+scope.row.managePost5+scope.row.managePost6+scope.row.managePost7+scope.row.managePost8+scope.row.managePost9+scope.row.managePost10}}
            </template>
          </el-table-column>
          <el-table-column width="100" label="聘用人数" align="center">
            <template slot-scope="scope">
              {{(scope.row.managePerson3+scope.row.managePerson4+scope.row.managePerson5+scope.row.managePerson6+scope.row.managePerson7+scope.row.managePerson8+scope.row.managePerson9+scope.row.managePerson10)?(scope.row.managePerson3+scope.row.managePerson4+scope.row.managePerson5+scope.row.managePerson6+scope.row.managePerson7+scope.row.managePerson8+scope.row.managePerson9+scope.row.managePerson10):0}}
            </template>
          </el-table-column>
        </el-table-column>
        <el-table-column label="专业技术岗位" align="center">
          <el-table-column width="100" label="计划下达数" align="center">
            <template slot-scope="scope">
              {{scope.row.techPost1+scope.row.techPost2+scope.row.techPost3+scope.row.techPost4+scope.row.techPost5+scope.row.techPost6+scope.row.techPost7+scope.row.techPost8+scope.row.techPost9+scope.row.techPost10+scope.row.techPost11+scope.row.techPost12+scope.row.techPost13}}
            </template>
          </el-table-column>
          <el-table-column width="100" label="聘用人数" align="center">
            <template slot-scope="scope">
              {{(scope.row.techPerson1+scope.row.techPerson2+scope.row.techPerson3+scope.row.techPerson4+scope.row.techPerson5+scope.row.techPerson6+scope.row.techPerson7+scope.row.techPerson8+scope.row.techPerson9+scope.row.techPerson10+scope.row.techPerson11+scope.row.techPerson12+scope.row.techPerson13)?(scope.row.techPerson1+scope.row.techPerson2+scope.row.techPerson3+scope.row.techPerson4+scope.row.techPerson5+scope.row.techPerson6+scope.row.techPerson7+scope.row.techPerson8+scope.row.techPerson9+scope.row.techPerson10+scope.row.techPerson11+scope.row.techPerson12+scope.row.techPerson13):0}}
            </template>
          </el-table-column>
        </el-table-column>
        <el-table-column label="工勤技能岗位" align="center">
          <el-table-column width="100" label="计划下达数" align="center">
            <template slot-scope="scope">
              {{scope.row.workPost0+scope.row.workPost1+scope.row.workPost2+scope.row.workPost3+scope.row.workPost4+scope.row.workPost5}}
            </template>
          </el-table-column>
          <el-table-column width="100" label="聘用人数" align="center">
            <template slot-scope="scope">
              {{(scope.row.workPerson0+scope.row.workPerson1+scope.row.workPerson2+scope.row.workPerson3+scope.row.workPerson4+scope.row.workPerson5)?(scope.row.workPerson0+scope.row.workPerson1+scope.row.workPerson2+scope.row.workPerson3+scope.row.workPerson4+scope.row.workPerson5):0}}
            </template>
          </el-table-column>
        </el-table-column>
        <el-table-column prop="usageUpdateTime" label="最后修改时间" width="200" align="center">
        </el-table-column>
        <el-table-column label="操作" width="120" key="edit" align="center">
          <template slot-scope="scope">
            <template>
              <el-button v-if="canEdit" @click="handleDetail(scope.row,1)" size="small" type="primary">修改</el-button>
              <el-button v-else @click="handleDetail(scope.row,0)" size="small" type="primary">查看</el-button>
            </template>
          </template>
        </el-table-column>
      </el-table>
    </div>
    <div v-show="status===2">
      <h1 style="text-align:center">修改日志</h1>
      <el-table :data="list3" highlight-current-row v-loading="listLoading3" style="width: 100%;margin-bottom: 20px;">
        <el-table-column label="批复文号" min-width="100" header-align="center">
          <template slot-scope="scope">
            {{JSON.parse(scope.row.afterContent).docNum?JSON.parse(scope.row.afterContent).docNum:JSON.parse(scope.row.beforeContent).docNum}}
          </template>
        </el-table-column>
        <el-table-column key="col5" prop="operateTime" width="220" label="修改时间" align="center" />
        <el-table-column key="col6" prop="operateUser" width="120" label="修改用户" align="center" />
        <el-table-column key="col8" label="操作" width="120" align="center">
          <template slot-scope="scope">
            <template>
              <el-button @click="handleDetail3(scope.row)" size="small" type="primary">查看</el-button>
            </template>
          </template>
        </el-table-column>
      </el-table>
      <div class="block">
        <el-pagination :total="totalnum" :page-size="pageSize" @current-change="handleCurrentChange" :current-page="pageNum" @size-change="handleSizeChange" :page-sizes="[10, 20, 30, 50]" layout="total, sizes, prev, pager, next, jumper"></el-pagination>
      </div>
    </div>
    <!-- <div v-else style="padding:20px; font-size:14px;color:#999;text-align:center">暂无数据</div> -->
  </div>
</template>
<script>
const defaultForm = {
  managePerson3: 0,
  managePerson4: 0,
  managePerson5: 0,
  managePerson6: 0,
  managePerson7: 0,
  managePerson8: 0,
  managePerson9: 0,
  managePerson10: 0,
  techPerson1: 0,
  techPerson2: 0,
  techPerson3: 0,
  techPerson4: 0,
  techPerson5: 0,
  techPerson6: 0,
  techPerson7: 0,
  techPerson8: 0,
  techPerson9: 0,
  techPerson10: 0,
  techPerson11: 0,
  techPerson12: 0,
  techPerson13: 0,
  workPerson1: 0,
  workPerson2: 0,
  workPerson3: 0,
  workPerson4: 0,
  workPerson5: 0,
  workPerson0: 0,
  usageRemarks: ''
  // usageUpdateTime: ''
}
export default {
  props: {
    timestamp: null,
    canEdit: null,
    unitId: null
  },
  data () {
    return {
      unitName: '',
      totalnum: 0,
      listLoading: false,
      listLoading3: false,
      editForm3: {},
      list1: [
      ],
      list3: [
      ],
      pageNum: 0,
      pageSize: 20,
      editFormRules: {
        managePerson3: [
          { required: true, message: '必填', trigger: 'blur' }
        ],
        managePerson4: [
          { required: true, message: '必填', trigger: 'blur' }
        ],
        managePerson5: [
          { required: true, message: '必填', trigger: 'blur' }
        ],
        managePerson6: [
          { required: true, message: '必填', trigger: 'blur' }
        ],
        managePerson7: [
          { required: true, message: '必填', trigger: 'blur' }
        ],
        managePerson8: [
          { required: true, message: '必填', trigger: 'blur' }
        ],
        managePerson9: [
          { required: true, message: '必填', trigger: 'blur' }
        ],
        managePerson10: [
          { required: true, message: '必填', trigger: 'blur' }
        ],
        techPerson1: [
          { required: true, message: '必填', trigger: 'blur' }
        ],
        techPerson2: [
          { required: true, message: '必填', trigger: 'blur' }
        ],
        techPerson3: [
          { required: true, message: '必填', trigger: 'blur' }
        ],
        techPerson4: [
          { required: true, message: '必填', trigger: 'blur' }
        ],
        techPerson5: [
          { required: true, message: '必填', trigger: 'blur' }
        ],
        techPerson6: [
          { required: true, message: '必填', trigger: 'blur' }
        ],
        techPerson7: [
          { required: true, message: '必填', trigger: 'blur' }
        ],
        techPerson8: [
          { required: true, message: '必填', trigger: 'blur' }
        ],
        techPerson9: [
          { required: true, message: '必填', trigger: 'blur' }
        ],
        techPerson10: [
          { required: true, message: '必填', trigger: 'blur' }
        ],
        techPerson11: [
          { required: true, message: '必填', trigger: 'blur' }
        ],
        techPerson12: [
          { required: true, message: '必填', trigger: 'blur' }
        ],
        techPerson13: [
          { required: true, message: '必填', trigger: 'blur' }
        ],
        workPerson1: [
          { required: true, message: '必填', trigger: 'blur' }
        ],
        workPerson2: [
          { required: true, message: '必填', trigger: 'blur' }
        ],
        workPerson3: [
          { required: true, message: '必填', trigger: 'blur' }
        ],
        workPerson4: [
          { required: true, message: '必填', trigger: 'blur' }
        ],
        workPerson5: [
          { required: true, message: '必填', trigger: 'blur' }
        ],
        workPerson0: [
          { required: true, message: '必填', trigger: 'blur' }
        ]
      },
      editForm: Object.assign({}, defaultForm),
      status: 1,
      fileList: [],
      saveloading: false,
      editFormVisible: false,
      editFormVisible3: false,
      dialogTitle: '修改',
      editFlag: false
    }
  },
  watch: {
    timestamp: {
      handler (val) {
        this.loaddata()
      },
      immediate: true
    },
    unitId: {
      handler (val) {
        this.loaddata()
      },
      immediate: true
    },
    canEdit: {
      handler (val) {
        console.log(val)
      },
      immediate: true
    }
  },
  methods: {
    handleDetail3 (obj) {
      this.dialogTitle = '详情'
      this.editForm3 = Object.assign({}, obj)
      this.editFormVisible3 = true
    },
    getUnitDetails () {
      if (this.unitId) {
        this.$http
          .get(this.$http.defaults.postAPI + `api/cadrePostBusUnit/getById?id=` + this.unitId)
          .then(response => {
            if (response.data.success === true) {
              console.log('获取成功')
              this.unitName = response.data.result.unitName
            } else {
              console.log('获取失败:' + response.data.message)
              this.$message({
                message: '获取失败:' + response.data.message,
                type: 'error'
              })
            }
          })
          .catch(error => {
            this.$message({
              message: '获取失败:' + error,
              type: 'error'
            })
          })
      }
    },
    handleCurrentChange (val) {
      this.pageNum = val
      this.getList3()
    },
    handleSizeChange (val) {
      this.pageNum = 1
      this.pageSize = val
      this.getList3()
    },
    getList3 () {
      if (this.unitId) {
        let tableName = 'cadrePostBusLog'
        this.listLoading3 = true
        let para = {
          pageNum: this.pageNum,
          pageSize: this.pageSize,
          unitId: this.unitId,
          businessTable: 'bus_post_plan'
        }
        let url = this.$http.defaults.postAPI + 'api/' + tableName + '/queryByPage'
        this.$http.post(url, para).then(response => {
          this.listLoading3 = false
          if (response.data.success === true) {
            this.list3 = response.data.result.records
            this.list3.forEach((item, index) => {
              if (!item.afterContent) { this.list3[index].afterContent = '{}' }
              if (!item.beforeContent) { this.list3[index].beforeContent = '{}' }
            })
            this.totalnum = response.data.result.total
          } else {
            console.log('获取数据失败:' + response.data.message)
            this.$message({
              message: '获取数据失败:' + response.data.message,
              type: 'error'
            })
          }
        }).catch(error => {
          console.log(error)
          this.$message({
            message: '网络获取失败:' + error,
            type: 'error'
          })
          this.listLoading3 = false
        })
      }
    },
    editFormSubmit () {
      this.$refs.editForm.validate((valid) => {
        if (valid) {
          this.saveloading = true
          let para = {
            id: this.editForm.id,
            techPerson1: this.editForm.techPerson1,
            techPerson2: this.editForm.techPerson2,
            techPerson3: this.editForm.techPerson3,
            techPerson4: this.editForm.techPerson4,
            techPerson5: this.editForm.techPerson5,
            techPerson6: this.editForm.techPerson6,
            techPerson7: this.editForm.techPerson7,
            techPerson8: this.editForm.techPerson8,
            techPerson9: this.editForm.techPerson9,
            techPerson10: this.editForm.techPerson10,
            techPerson11: this.editForm.techPerson11,
            techPerson12: this.editForm.techPerson12,
            techPerson13: this.editForm.techPerson13,
            managePerson3: this.editForm.managePerson3,
            managePerson4: this.editForm.managePerson4,
            managePerson5: this.editForm.managePerson5,
            managePerson6: this.editForm.managePerson6,
            managePerson7: this.editForm.managePerson7,
            managePerson8: this.editForm.managePerson8,
            managePerson9: this.editForm.managePerson9,
            managePerson10: this.editForm.managePerson10,
            workPerson0: this.editForm.workPerson0,
            workPerson1: this.editForm.workPerson1,
            workPerson2: this.editForm.workPerson2,
            workPerson3: this.editForm.workPerson3,
            workPerson4: this.editForm.workPerson4,
            workPerson5: this.editForm.workPerson5,
            usageRemarks: this.editForm.usageRemarks,
            saveLog: true
          }
          let tableName = 'cadrePostBusPostPlan'
          this.$http.post(this.$http.defaults.postAPI + 'api/' + tableName + '/save', para).then(response => {
            this.saveloading = false
            if (response.data.success === true) {
              this.$message({
                message: '提交成功',
                type: 'success'
              })
              this.editFormVisible = false
              this.getList()
              this.getList3()
            } else {
              console.log('提交失败:' + response.data.message)
              this.$message({
                message: '提交失败:' + response.data.message,
                type: 'error'
              })
            }
          }).catch(error => {
            console.log(error)
            this.$message({
              message: '提交失败:' + error,
              type: 'error'
            })
            this.saveloading = false
          })
        }
      })
    },
    getList () {
      if (this.unitId) {
        let tableName = 'cadrePostBusPostPlan'
        this.listLoading = true
        let para = {
          pageNum: 1,
          pageSize: 1000,
          unitId: this.unitId,
          state: 1
        }
        this.$http.post(this.$http.defaults.postAPI + 'api/' + tableName + '/queryByPage', para).then(response => {
          this.listLoading = false
          if (response.data.success === true) {
            this.list1 = response.data.result.records
          } else {
            console.log('获取数据失败:' + response.data.message)
            this.$message({
              message: '获取数据失败:' + response.data.message,
              type: 'error'
            })
          }
        }).catch(error => {
          console.log(error)
          this.$message({
            message: '网络获取失败:' + error,
            type: 'error'
          })
          this.listLoading = false
        })
      }
    },
    handleDetail (obj, editFlag) {
      console.log(obj)
      this.dialogTitle = editFlag ? '修改' : '详情'
      this.editForm = Object.assign({}, defaultForm)
      this.editForm = Object.assign(this.editForm, obj)
      this.editFormVisible = true
      this.editFlag = editFlag
    },
    loaddata () {
      this.getUnitDetails()
      this.getList()
      this.getList3()
    }
  }
}
</script>
<style scoped>
  .mytable{
    border-top: 1px solid #74a6cc;
    border-left: 1px solid #74a6cc;
    margin:0 10px 10px;
    width: calc(100% - 20px);
  }
  .mytable th{
    padding: 10px;
    border-right: 1px solid #74a6cc;
    border-bottom: 1px solid #74a6cc;
    vertical-align: top;
    line-height: 150%;
    background: #FAFAFA;
    width:200px;
    text-align:right;
  }
  .mytable td{
    padding: 10px;
    border-right: 1px solid #74a6cc;
    border-bottom: 1px solid #74a6cc;
    vertical-align: top;
    line-height: 150%;
  }
</style>
<style>
#recruitTable .el-table{
  border:1px solid #95B8E7 !important;
}
#recruitTable .el-table td, #recruitTable .el-table th{
  border-right:1px solid #95B8E7 !important;
  border-bottom:1px solid #95B8E7 !important;
}
</style>
